<script setup>
import { onMounted } from 'vue'
import { useUserStore } from '../stores/user'
import LoginForm from '../components/LoginForm.vue'

const userStore = useUserStore()

onMounted(() => {
  userStore.loadFromStorage()
})
</script>

<template>
  <div class="login-container">
    <LoginForm />
  </div>
</template>

<style scoped>
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #f5f5f5;
}
</style>